<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn"  uri="http://java.sun.com/jsp/jstl/functions"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<jsp:include page="/WEB-INF/pages/admin/public/meta.jsp"></jsp:include>
<i class="Hui-iconfont">&#xe640;</i>
<title>用户订单详情</title>
</head>
<body>
<nav class="breadcrumb">首页 <span class="c-gray en">&gt;</span> 用户列表 <span class="c-gray en">&gt;</span> 用户订单详情 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
	<div class="text-c"><i class="Hui-iconfont">&#xe665;</i>
<input type="text" name="" id="" placeholder=" 订单编号" style="width:250px" class="input-text">
		<button name="" id="" class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i> 搜索订单</button>
  </div>
	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> <a class="btn btn-primary radius" data-title="添加资讯" data-href="article-add.html" onclick="Hui_admin_tab(this)" href="javascript:;"><i class="Hui-iconfont">&#xe600;</i> 添加资讯</a></span> <span class="r">共有数据：<strong>54</strong> 条</span> </div>
	<div class="mt-20">
	  <table class="table table-border table-bordered table-bg table-hover table-sort table-responsive">
		  <thead>
			  <tr class="text-c">
					<th width="120">订单编号</th>
					<th width="80">用户名</th>
					<th width="80">服务商</th>
					<th width="80">服务产品</th>
					<th width="50">服务内容</th>
					<th width="75">数量</th>
					<th width="60">消费时间</th>
					<th width="60">总金额</th>
					<th width="120">订单状态</th>
			  </tr>
		  </thead>
		  <tbody>
		  <c:forEach var="serviceOrder" items="${orderList}" >
				<tr class="text-c" id="orderdata${serviceOrder.order_id}">
					<td>${serviceOrder.service_no }</td>
					<td>${serviceOrder.member_name }</td>
					<td>${serviceOrder.provider_name }</td>
					<td>${serviceOrder.service_name}</td>
					<td>${serviceOrder.service_info}</td>
					<td>${serviceOrder.buy_num}</td>
					<td><fmt:formatDate value="${serviceOrder.create_Time}" pattern="yyyy/MM/dd HH:mm:ss"/></td>
					<td>${serviceOrder.total_price }</td>
					<td>
						<c:choose>
							<c:when test="${serviceOrder.order_status eq '1' }">
								<span class="label label-danger radius">未付款</span>
							</c:when>
							<c:when test="${serviceOrder.order_status eq '2' }">
								<span class="label label-success radius">已付款</span>
							</c:when>
							<c:when test="${serviceOrder.order_status eq '3' }">
								<span class="label label-success radius">已完成</span>
							</c:when>
							<c:when test="${serviceOrder.order_status eq '4' }">
								<span class="label label-default radius">已关闭</span>
							</c:when>							
							<c:otherwise>
								<span class="label label-danger radius">异常</span>
							</c:otherwise>
						</c:choose>
					</td>
				</tr>
		</c:forEach>
		</tbody>
	  </table>
	</div>
</div>
<!--_footer 作为公共模版分离出去-->
<jsp:include page="/WEB-INF/pages/admin/public/footer.jsp"></jsp:include>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="admin/lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<script type="text/javascript" src="admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="admin/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
</script>
<script type="text/javascript">$('.table-sort').dataTable({
	"aaSorting": [[ 0, "desc" ]],//默认第几个排序
	"bStateSave": true,//状态保存
	"pading":false,
	"aoColumnDefs": [
	  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
	   {"orderable":false,"aTargets":[]} // 不参与排序的列
	]
});


</script> 
</body>
</html>

